<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES6 模块化</title>
</head>
<body>
    <script type="module">
        // 1.通用的导入方式
        // 引入 m1.js 模块内容
        // import * as m1 from "./src/js/m1.js";
        // console.log(m1);

        // 引入 m2.js 模块内容
        // import * as m2 from "./src/js/m2.js";
        // console.log(m2);

        // 引入 m3.js 模块内容
        // import * as m3 from "./src/js/m3.js";
        // console.log(m3);
        // m3.default.change();

        // 2.解构赋值形式
        // import {school, teach} from "./src/js/m1.js";
        // console.log(school);
        // console.log(teach);

        // import {school as school2, findJob} from "./src/js/m2.js";
        // console.log(school2);
        // console.log(findJob);

        // import {default as m3} from "./src/js/m3.js";
        // console.log(m3);

        // 3.简便形式   针对默认暴露
        // import m3 from "./src/js/m3.js";
        // console.log(m3);
    </script>

    <script src="./src/js/app.js" type="module">

    </script>
</body>
</html>